<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="css/estrutura.css" rel="stylesheet" type="text/css" />
        <link href="css/css.css" rel="stylesheet" type="text/css" />
        <link href="css/menu.css" rel="stylesheet" type="text/css" />
        <link href="imagens/layout/icone.png" rel="shortcut icon" type="image/x-icon" />
        <script type="text/javascript" src="JQuery/jquery-1.6.min.js" ></script>  
        <script type="text/javascript" src="JQuery/jquery.cycle.all.min.js"></script>
        <script type="text/javascript" src="JQuery/superfish.js"></script>
        <title>ETEC Sylvio de Mattos Carvalho - <ui:insert name="titulo"></ui:insert></title>
    </h:head>
    <script type="text/javascript">
    $(function(){  
     $("#banner_rotativo ul").cycle({
           fx: 'fade', 
           speed: 2500,
           timeout: 5000,
           prev:'#prev',
           next:'#next',
           pager:'#pager'
    })
   })
    </script>
    <h:body>

        <div id="header">
            <ui:insert name="header">
                <ui:include src="header.xhtml" />
            </ui:insert>

            <div id="menu">
                <ui:insert name="menu">
                    <ui:include src="menu.xhtml" />
                </ui:insert>
            </div>
        </div>

        <div id="corpo">
            <div id="conteudo">
                <div id="banner_rotativo">
                    <ul>
                        <li><img src="imagens/banner/bnr1.jpg" alt="slide 1"/></li>
                        <li><img src="imagens/banner/bnr2.jpg" alt="slide 2"/></li>
                        <li><img src="imagens/banner/bnr3.jpg" alt="slide 3"/></li>
                        <li><img src="imagens/banner/bnr4.jpg" alt="slide 4"/></li>
                    </ul>
                </div>
                <div id="noticias">
                    <ui:insert name="conteudo">

                    </ui:insert>
                </div>
                <div id="vagas">
                    <ui:insert name="vagas">
                        <ui:include src="vagas.xhtml" />
                    </ui:insert>
                </div>
                <div id="rede">
                    <ui:insert name="vagas">
                        <ui:include src="rede.xhtml" />
                    </ui:insert>
                </div>
            </div>

            <div id="footer">
                <ui:insert name="footer">
                    <ui:include src="footer.xhtml" />
                </ui:insert>
            </div>
        </div>
    </h:body>

</html>
